SDメモ : ブレンディング一覧

はじめに

SubstanceDesignerのブレンディングと、対応するブレンディングの計算式をまとめていきたいと思います。

Blendノード

Blendノードのインプットは以下のようになっています。

https://gyazo.com/8239a005a92004be3a7d0c887e853c28

元テクスチャ

以下の二つのテクスチャを使ってブレンドを行います。

Add(加算)

$ C = A + B

加算では、AとBを入れ替えても同じ結果になります。

加算は覆い焼き(リニア)とも呼ばれます。

Add Sub

Foreground pixels with a value higher than 0.5 are added to their respective background pixels.

Foreground pixels with a value lower than 0.5 are substracted from their respective background pixels.

検証

$ \begin{cases} C = A + (B - 0.5) & (B > 0.5) \\C = A - (B - 0.5) & (B < 0.5) \end{cases}

検証 : A, Bを入れ替える

$ \begin{cases} C = B + A & (A > 0.5) \\C = B - A & (A < 0.5) \end{cases}

Max(Lighten)

The Max Blending mode will pick the higher value between the background and the foreground.

Maxブレンドは二つの入力のうち、より大きい方を採用するようなブレンドです。

検証

$ C = max(A, B)

Maxブレンドの入力は入れ替えても結果は変化しません

Min(Darken)

The Min Blending mode will pick the lower value between the background and the foreground.

Minブレンドは二つの入力のうち、より小さい方を採用するようなブレンドです。

検証

$ C = min(A, B)

AとBは

Switch

The Switch blending mode will blend the background and the foreground according to the opacity

・ the closer we get to 0, the more we will see the background

・ the closer we get to 1, the more we will see the foreground

SwitchはOpacityの値を見て、AとBを混ぜるようなブレンドです。

検証 : Y方向グラデーション

検証 : A, Bを入れ替える

Divide(割り算)

The Divide blending mode will divide the background input pixels value by each corresponding pixel in the foreground.

検証

$ C = \frac {A}{B}

Bの黒い部分のブレンド結果Cは白になっています。

検証 : A, Bを入れ替える

$ C = \frac {B}{A}

Bの黒い部分のブレンド結果Cは黒になっています。

Screen

With Screen blend mode the values of the pixels in the two inputs are inverted, multiplied, and then inverted again.

The result is the opposite effect to multiply and is always equal or higher (brighter) compared to the original.

検証

$ C = 1-(1-A)(1-B)

検証 : A, Bを入れ替える

$ C = 1-(1-B)(1-A)

Screenブレンドでは入力を入れ替えても結果は同じです。

Overlay

A, Bを入れ替えた場合

Color Dodge(覆い焼きカラー)

Color Dodgeノードを使用します。

$ C = \frac {A}{(1 - B)}

Bが1に近い部分では、ブレンド結果は白飛びしていることが分かります。

A, Bを入れ替えた場合

$ C = \frac {B}{(1 - A)}

Bが0に近い部分では、ブレンド結果も0に近いことが分かります。

Linear Burn (焼き込み(リニア))

$ C = A + B - 1

A, Bを入れ替えた場合

$ C = B + A - 1

Linear Burnへの入力は入れ替えても結果は変化しません。

焼き込みカラー(Color Burn)

Color Burnノードを使用します。

計算式

$ C = 1-\frac{(1-B)}{A}

検証

Bが0に近い部分では、結果は0に近づきます。

Aが0に近い部分でも、結果は0に近づきます。

A, Bを入れ替えた場合

$ C = 1-\frac{(1-A)}{B}

Bが1に近い部分では、結果はAに近い値をとります。

ブレンドに関する参考リンク

【Photoshop】描画モードの英訳

Photoshopにおける，レイヤーのブレンドモードについて

ブレンドモード詳説 - osakana.factory

Blend modes - Wikipedia

Photoshopの描画モード(ブレンドモード)を理解するための、画像合成は計算だという話

Photoshop 描画モードの英語表記メモ